<template>
	<div>
		<h2>学生姓名{{name}}</h2>
		<h2>学生性别{{sex}}</h2>
		<h2>年龄{{myAge}}</h2>
		<button type="button" @click="updateAge">修改年龄</button>
	</div>
</template>
<!-- 
配置项props
	功能：让组件接受外部传过来的数据
		1.传递数据：
			<Demo name='xxx'>
		2 接收数据
			第一种方式(只接收)
				props['name']
			第二种方式(限制类型)
				props:[
					name:Number
				]
			第三种方式(限制类型，限制必要性，执行默认值)
				props:[
					name:{
						type:String,
						required:true,
						default:'老王'
					}
				]
		备注：props是只读的。如果需要修改，复制prop内容到data中，然后修改data数据
-->
<script>
	export default {
		name: "Student",
		data() {
			return {
				myAge: this.age
			}
		},
		//简单声明接收
		props:['name','age','sex'],
		methods: {
			updateAge() {
				this.myAge=this.myAge + 1;
			}
		}
	}
</script>

<style>
</style>
